<%--
  Created by IntelliJ IDEA.
  User: 沸羊羊
  Date: 2022/11/10
  Time: 16:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>物料组成设计单复核</title>
</head>
<body>
<form id="DOMCDR_myform">
        <div style="width: 1236px;height: 733px;border:#ff0000 solid 0px;background: #E5F4EF">
            <span style="color: blue;">
                你正在做的业务是: 产品设计--产品档案管理--物料组成设计单复核
            </span>
            <br>
            <%--一些按钮--%>
            <input type="radio" checked="checked" style="margin-left: 879px;" value="S001-2" name="checktag">不通过
            <input type="radio" value="S001-1" name="checktag">通过
            <input onclick="wlzcsjdshls_recover()" value="确认" type="button">
            <button onclick="wlzcsjdshlsReturn()">返回</button>

            <div class="container" style="width: 913px;height: 670px;border: 1px solid red;background: white">
                <span style="text-align: center"><h4>物料组成设计单</h4></span>
                <br><br>
                <div class="row">
                    <div class="container">
                        <table border="0px">
                            <tr>
                                <td>产品名称：</td>
                                <td><input type="text" id="EZB" name="productname" style="border: none;outline: none;"readonly></td>
                                <td>产品编号：</td>
                                <td><input id="DW" type="text" name="productid" style="border: none;outline: none;"readonly></td>
                            </tr>
                            <tr>
                                <td>设计单编号：</td>
                                <td><input type="text" id="SJD" readonly name="designid" style="border: none;outline: none;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td>设计人:</td>
                                <td><input type="text" style="width: 298px;border-top:white;border-right: white;border-left: white;outline: none"></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <br><br>
                <%--下面那个表--%>
                <table id="tab_albb" border="1px" >
                </table>
                <br><br>
                登记人:<input type="text" style="width: 298px;border-top:white;border-right: white;border-left: white" value="${username}">
                <span style="margin-left: 150px">登记时间:<span id="DDT"></span></span><br><br><br>
                设计要求:
                <textarea style="width: 640px;height: 75px;resize: none;">

                </textarea>
            </div>
        </div>
</form>
<script>
    //快速实现  数据展示
    //json对象中  指定 后端访问地址
    //指定显示的列
    var id='${param.id}'
    $("#tab_albb").bootstrapTable({
        height: 300,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        /*url: 'queryByModuleId.action/'+id,
        method: 'post',                      //请求方式（*）
        contentType: "application/x-www-form-urlencoded",
        //productDetailsQuery_product: '#productDetailsQuery_product',              //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 5,                     //每页的记录行数（*）
        pageList: [5,10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: false,                  //是否显示所有的列（选择显示的列）
        showRefresh: false,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行

        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父子表
        //得到查询的参数
        queryParams : function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pagesize: params.limit,                         //页面大小
                pagenum: (params.offset / params.limit) + 1,   //页码
                sort: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
                //productname:$("#productname_productDetailsQuery").val(), //查询条件 名字
            };
            return temp;
        },*/
        columns: [
            {
                field: 'detailsnumber',
                title: '序号'
            }, {
                field: 'productid',
                title: '物料编号'
            }, {
                field: 'productname',
                title: '物料名称'
            },{
                field: 'type',
                title: '用途类型',
                formatter:function (value, row, index){
                    if(row.type=="Y001-1"){
                        return "<label>商品</label>";
                    }else {
                        return "<label>物料</label>";
                    }
                }
            },{
                field: 'amount',
                title: '数量'
            },{
                field: 'costprice',
                title: '单价'
            },{
                field: 'subtotal',
                title: '小计'
            }]
    });

    $.ajax({
        url:"queryByModuleId.action/"+id,
        type:"put",
        dataType:"json",
        success:function (data) {
            $(data).each(function (index,item) {
                var arr=[];
                arr.push({
                    "detailsnumber":index+1,"productid":item.productid,
                    "productname":item.productname, "type":item.type,
                     "amount":item.amount,
                    "costprice":item.costprice,"subtotal":item.subtotal
                })
                $("#tab_albb").bootstrapTable("append",arr);
            })

        }
    })

    $(function (){
        $("#EZB").val('${param.productname}');
        $("#DW").val('${param.productid}');
        $("#SJD").val('${param.designid}');
        $("#DDT").text('${param.registertime}')
    })

    function wlzcsjdshlsReturn() {
        $("#tab1").addTabs("物料组成设计单审核","","queryModuleCheckTagLS.jsp","",true);
        $("#tab1").closeTabs("物料组成设计单复核")
    }

    //点击复核产品档案登记
    function wlzcsjdshls_recover() {

                var data = $("#DOMCDR_myform").serializeArray();//将表单中所有的带name属性的控件找到，获取到他们的数据
                var obj = {};

                $(data).each(function (index, item) {
                    obj[item.name] = item.value;
                })

                $.ajax({
                    url: "shenheModule.action",
                    type: "put",
                    data: JSON.stringify(obj),
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        alert(data.msg);
                        $("#tab1").addTabs("物料组成设计单审核", "glyphicon glyphicon-euro", "queryModuleCheckTagLS.jsp", "", true);
                        $("#tab1").closeTabs("物料组成设计单审核详情")

                    }
                })
    }
</script>
</body>
</html>
